<template>
    <div class="p-box">
      <div class="p2-hed">
        <img @click="bac2()" :src="'./static/lyl/back.png'" alt="">
        <span>{{$route.params.id}}/{{$route.params.id2}}</span>
        <span></span>
      </div>
      <div class="p2-fot">
        <img :src="this.$store.state.imgSrc" alt="">
      </div>
    </div>
</template>

<script>
    export default {
      name: "Photo2",
      mounted(){
        mui.back = function() {
          window.history.go(-1);
        }
      },
      methods:{
        bac2(){
          history.go(-1);
        }
      }
    }
</script>

<style scoped>
  .p-box{
    height: 100%;
    background: #282828;
  }
 .p2-hed{
   position: fixed;
   left: 0;
   top: 0;
   z-index: 9;
   width: 100%;
   box-sizing: border-box;
   background: #fff;
   display: flex;
   justify-content: space-between;
   padding: 20px 40px;
   height: 80px;
 }
 .p2-hed img{
   width: 22px;
   height: 40px;
 }
 .p2-hed span{
   font-size: 36px;
 }
  .p2-fot{
    position: relative;
    height: 100%;
    margin: auto;
    background: #282828;
  }
 .p2-fot img{
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   width: 100%;
   height: auto;
 }
</style>
